<div class="R Scroll UI{{className}}" id="HDlg" tabindex="0">
<style type="text/css">
#HDlg {
	background: white;
	border: 1px solid #b3b3b3;
	border-radius: 8px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
	contain: content;
	left: calc(50% - 419px);
	line-height: 130%;
	max-height: calc(100% - 108px);
	min-height: 25px;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 8px 18px 0 18px;
	top: 50px;
	-webkit-user-select: auto;
	user-select: auto;
	width: 838px;
}
#HDlg:focus {
	outline: none;
}
#HelpContent {
	width: 800px;
}
@media (max-width: 837px) {
	#HDlg {
		left: 0;
		right: 0;
		width: auto;
		overflow-x: scroll;
	}
	#HelpContent {
		padding-right: 12px;
	}
}
#HelpBanner {
	height: 26px;
	padding: 3px;
}
#HelpTitle {
	font-size: 20px;
	line-height: 130%;
}
#HelpLinks {
	float: right;
	position: relative;
	top: 7px;
	font-size: 0;
}

.Vim {
	color: #2f508e;
}
.VimC {
	color: #a55e18;
}
.HelpTables {
	border-spacing: 0;
	color: inherit;
	table-layout: fixed;
	width: 800px;
}
.HTablesTop {
	vertical-align: top;
}
.HelpTable {
	border-collapse: separate;
	border-spacing: 5.5px 3px;
	color: inherit;
	contain: content;
	line-height: 130%;
	/* XML pages have a different default value of "word-break" */
	word-break: normal;
}
.HColumn {
	white-space: normal;
	font: 12px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.HelpTd {
	line-height: 19.2px;
	padding: 0;
	vertical-align: top;
}
.TdBottom {
	visibility: hidden;
}
.HDivider {
	/* keep 1px so it can be more conspicuous than 0.5px */
	border-bottom: 1px solid #ddd;
	clear: both;
	height: 1px;
	margin: 10px 1px;
}

.HelpAdv {
	display: none;
}
.HelpDA .HelpAdv {
	display: table-row;
}

.HelpKeys {
	clear: both;
	font-family: Consolas, "Liberation Mono", "Courier New", monospace;
	text-align: right;
	white-space: nowrap;
}
.HelpLongKeys {
	text-align: left;
}
.HelpKey {
	background-color: #f3f3f3;
	border: 1px solid #ccc;
	border-bottom: 2px solid #bbb;
	border-radius: 3px;
	padding: 1px 4px 0;
}
.HelpCommandInfo {
	font-size: 14px;
	word-break: break-word;
	overflow-wrap: anywhere;
	width: 100%;
}
.HelpCommandName {
	font-style: italic;
	cursor: pointer;
	font-size: 12px;
}
.HelpSectionTitle {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}

.VimL {
	all: initial;
	background: none;
	border: none;
	box-shadow: none;
	color: #15c;
	cursor: pointer;
	font: inherit;
	padding: 0;
	text-decoration: underline;
}
.VimL:visited {
	color: #15c;
}
.VimL:active {
	color: #052577;
}
.VimL:focus {
	outline: 2px auto #4d90fe;
}
.TopLink {
	font-size: 14px;
	margin-right: 14px;
}
#HCls {
	color: #555;
	margin: 0 1px;
}
#HCls:hover {
	color: black;
}
#HCls:active, #HCls:focus {
	color: #4d90fe;
	outline: none;
}
#HCloseT {
	vertical-align: middle;
}

#HelpFooter {
	font-size: 13px;
	height: 42px;
	position: relative;
}
#HelpTip, #HAdv {
	position: absolute;
	top: -34px;
}
#HelpVersion {
	float: right;
}
#HAdv {
	right: 0px;
	text-decoration: none;
}
#HAdv:hover {
	text-decoration: underline;
}

#HDlg.D {
	background: #000;
	border-color: #555;
	color: #aab0b6;
}
.D .Vim { color: #9bf; }
.D .VimC { color: #e6ccb3; }
.D .VimL { color: #5b96f5; }
.D .VimL:active, .D #HCls:hover { color: #8ab4f8; }
.D #HCls:hover { color: #888; }
.D .HDivider { border-color: #555; }
.D .HelpKey {
	background: #18191b;
	color: #aab0b6;
	border-color: #666;
}
.D.Scroll::-webkit-scrollbar:vertical, .D.Scroll::-webkit-scrollbar:horizontal {
	border-color: #555;
}
.D.Scroll:hover::-webkit-scrollbar-thumb {
	background: #666;
}

/* Scrollbar */
.Scroll::-webkit-scrollbar,
.Scroll::-webkit-scrollbar-track,
.Scroll::-webkit-scrollbar-thumb {
	background: none;
	border: none;
	border-radius: 6px;
	box-shadow: none;
	overflow: hidden;
}
.Scroll::-webkit-scrollbar:vertical {
	border-radius: 0 6px 6px 0;
	border-left: 0.5px solid #ddd;
	width: 12px;
}
.Scroll::-webkit-scrollbar:horizontal {
	border-radius: 0 0 6px 6px;
	border-top: 0.5px solid #ddd;
	height: 12px;
}
.Scroll:hover::-webkit-scrollbar-thumb {
	background: #ccc;
}
.Scroll::-webkit-scrollbar-thumb:vertical {
	border-radius: 0 6px 6px 0;
}
.Scroll::-webkit-scrollbar-thumb:horizontal {
	border-radius: 0 0 6px 6px;
}
#HDlg.Scroll::-webkit-scrollbar-thumb:hover {
	background: #929292;
}
#HDlg.Scroll::-webkit-scrollbar-thumb:active {
	background: #666;
}
</style>

<div id="HelpContent">
	<div id="HelpBanner">
		<span id="HelpTitle"><span class="Vim">Vim</span>ium <span class="VimC">C</span> {{title}}</span>
		<span id="HelpLinks">
			<a class="VimL TopLink" target="_blank" rel="noopener noreferrer" href="{{browserHelp}}">$browserHelp</a>
			<a class="VimL TopLink" id="HOpt">$Options</a>
			<a class="VimL TopLink" target="_blank" rel="noopener noreferrer" href="{{homePage}}/wiki">$Wiki</a>
			<button class="VimL TopLink" id="HCls" role="button" title="$Close"
					><svg id="HCloseT" width="12px" height="12px" stroke="currentColor">
				<path d="M2 2l8 8zM2 10L10 2" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" />
			</svg></button>
		</span>
	</div>
	<div class="HDivider"></div>
	<table class="HelpTables"><tbody><tr>
	<td class="HTablesTop"><table class="HelpTable">
		<tbody class="HColumn">
			<tr><td class="HelpTd"></td><td class="HelpTd HelpSectionTitle">$pageNav</td></tr>
{{pageNavigation}}{{lbPad}}
		</tbody>
	</table></td><td class="HTablesTop"><table class="HelpTable">
		<tbody class="HColumn">
			<tr><td class="HelpTd"></td><td class="HelpTd HelpSectionTitle">$useVomnibar</td></tr>
{{vomnibarCommands}}
			<tr><td class="HelpTd"></td><td class="HelpTd HelpSectionTitle">$useFind</td></tr>
{{findCommands}}
			<tr><td class="HelpTd"></td><td class="HelpTd HelpSectionTitle">$historyNav</td></tr>
{{historyNavigation}}
			<tr><td class="HelpTd"></td><td class="HelpTd HelpSectionTitle">$changeTabs</td></tr>
{{tabManipulation}}
			<tr><td class="HelpTd"></td><td class="HelpTd HelpSectionTitle">$misc</td></tr>
{{misc}}
			<tr><td class="HelpTd TdBottom">&#160;</td></tr>
		</tbody>
	</table>
	</td></tr></tbody></table>

	<div class="HDivider"></div>

	<div id="HelpFooter">
		<div id="HelpTip">{{tip}}</div>
		<button class="VimL" id="HAdv"
				><span data-s="$Show" data-h="$Hide">$Show</span><span>$advCmd</span></button>

			<div id="HelpVersion">$VerIs<a
					class="VimL" target="_blank" rel="noopener noreferrer" href="{{release}}"
				>{{version}}</a></div>
				$Enjoying <span class="Vim">Vim</span>ium <span class="VimC">C</span>$question2<a
				  class="VimL" target="_blank" rel="noopener noreferrer" href="{{reviewPage}}"
				>$HReview{{webStore}}$_HReview_2</a>$semicolon2<a
				  class="VimL" target="_blank" rel="noopener noreferrer" href="{{homePage}}"
				>$HStar</a>$semicolon2<a
					class="VimL" target="_blank" rel="noopener noreferrer" href="{{homePage}}#donate"
				>$Donate</a>$period2$ifBug<a
					class="VimL" rel="noopener noreferrer" target="_blank" href="{{homePage}}/issues"
					>$HReport</a>$period
			<br/>
			$HCredits<a
					class="VimL" target="_blank" rel="noopener noreferrer" href="https://github.com/philc/vimium"
				>Vimium</a>$HOriginal<a
					class="VimL" target="_blank" rel="noopener noreferrer" href="https://github.com/fengyuanchen/viewerjs"
				>Viewer.js</a>$HBy<i>Chen Fengyuan</i>$HAnd<a
					class="VimL" target="_blank" rel="noopener noreferrer" href="https://github.com/silentmatt/expr-eval"
				>JavaScript Expression Evaluator</a>$HBy<i>Matthew Crumley</i>$HEnd
	</div>
</div>
</div>
